<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/vant.min.js"></script>
		<script src="../js/ajax.js"></script>
		<script src="html5plus://ready"></script>
		<script type="text/javascript" src="../js/back1.js"></script>
		<script src="../js/back.js"></script>
	</head>
	<body>
		<div id="app">
			<header>
				<van-nav-bar style="background-color: red;height: 100%;" title="我的订单" @click-left="onback1" left-arrow></van-nav-bar>
			</header>
			<div>
				<van-panel v-for="item in order" title="订单编号" :desc="item.desc" status="未支付">
					<div>
						<van-card :num="item.count" :price="item.price" :title="item.title" :thumb="imageURL">
					</div>
					<div style="font-size: 10px;" align="center">共一件商品，合计：￥20（含运费￥0.00）</div>
					<div align="right" slot="footer">
						<van-button size="small">支付</van-button>
						<van-button type="danger" size="small" @click="Ore">删除订单</van-button>
					</div>
				</van-panel>

			</div>


		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					imageURL: "../img/2.png",
					order: [{
						title: "[良品铺子每日坚果750g装]混合干果零食大礼包综合果仁30包",
						desc: "20190313141200000001939",
						price: "0.01",
						count: 2
					}]
				},
				methods: {
					Ore: function() {
						ajax({
							url: "http://dsapi.ysd3g.com/api/MyOrderList",
							dataType: "jsonp",
							data: {
								key: localStorage.getItem("key")
							},
							"succcess": function(res) {
								console.log(res);
							}
						})
					},

					onback1: function() {
						plus.webview.close(plus.webview.currentWebview().id);
					},

				},
			})
		</script>
	</body>
</html>
